<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <style>
        .good {
            width: 20%;
            padding: 5px;
            border: 1px solid;
        }

        .good .img {
            height: 100px;
            background-color: aqua;
            margin-bottom: 10px;
        }

        .good .name {
            font-weight: bold;
            color: red;
        }
    </style>
</head>

<body>
    {% import 'good.html' as macro %}
    {% include 'title.html' %}
    {% extends 'layout.html' %}
    {% block right %}
    {% for item in goodList %}
    {{ macro.good_item(item) }}
    {% endfor%}
    {% endblock %}
</body>

</html>